<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"
                             xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="en"
                             xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en"
                             xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"
                             xmlns:th="http://www.thymeleaf.org"> <!--<![endif]-->
	<head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <title>Minimal and Clean Sign up / Login and Forgot Form by FreeHTML5.co</title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="description" content="Free HTML5 Template by FreeHTML5.co" />
      <meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />


      <!-- Facebook and Twitter integration -->
      <meta property="og:title" content=""/>
      <meta property="og:image" content=""/>
      <meta property="og:url" content=""/>
      <meta property="og:site_name" content=""/>
      <meta property="og:description" content=""/>
      <meta name="twitter:title" content="" />
      <meta name="twitter:image" content="" />
      <meta name="twitter:url" content="" />
      <meta name="twitter:card" content="" />

      <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
      <link rel="shortcut icon" href="favicon.ico">

      <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>

      <link rel="stylesheet" th:href="@{/login/css/bootstrap.min.css}">
      <link rel="stylesheet" th:href="@{/login/css/animate.css}">
      <link rel="stylesheet" th:href="@{/login/css/style.css}">

      <!-- Modernizr JS -->
      <script src="js/modernizr-2.6.2.min.js"></script>
      <!-- FOR IE9 below -->
      <!--[if lt IE 9]>
      <script src="js/respond.min.js"></script>
      <![endif]-->

	</head>
	<body class="style-3">

		<div class="container">
			<div class="row">
				<div class="col-md-4 col-md-push-8">
            <!-- Start Sign In Form -->
            <form action="#" class="fh5co-form animate-box" data-animate-effect="fadeInRight" th:method="post" th:action="@{/}">
                <h2>忘记密码</h2>

                <!--<div class="form-group">
                    <div class="alert alert-success" role="alert">已经向你的邮箱发送了新密码.</div>
                </div>-->

                <div class="form-group">
                    <label for="email" class="sr-only">邮箱</label>
                    <input type="email" class="form-control" id="email" name="email" placeholder="邮箱" autocomplete="off">
                </div>

                <div class="form-group">
                    <p><a th:href="@{/}">登录</a> | <a th:href="@{/}">注册</a></p>
                </div>

                <div class="form-group">
                    <input type="submit" value="发送邮件" class="btn btn-primary">
                </div>
            </form>
					<!-- END Sign In Form -->

				</div>
			</div>
			<div class="row" style="padding-top: 60px; clear: both;">
				<div class="col-md-12 text-center">
            <p><small>
                  &copy; All Rights Reserved. More Templates
            </small></p></div>
			</div>
		</div>

	<!-- jQuery -->
	<script th:src="@{/login/js/jquery.min.js}"></script>
	<!-- Bootstrap -->
	<script th:src="@{/login/js/bootstrap.min.js}"></script>
	<!-- Placeholder -->
	<script th:src="@{/login/js/jquery.placeholder.min.js}"></script>
	<!-- Waypoints -->
	<script th:src="@{/login/js/jquery.waypoints.min.js}"></script>
	<!-- Main JS -->
	<script th:src="@{/login/js/main.js}"></script>

	</body>
</html>

